<template>
    <div id="page">
        <transition
        name="custom-classes-transition"
        enter-active-class="animated bounceInLeft"
        leave-active-class="animated bounceOutRight">
        <router-view></router-view>
        </transition>
        <nav-bar class="nav"></nav-bar>
    </div>
    
</template>

<script>
import NavBar from "./Common/NavBar";
export default {
  data() {
    return {
      conut: 0
    }
  },
  components: {
    NavBar
  }
};
</script>

<style scoped>
#page {
  /* position: relative; */
  /* height: 100vh; */
  background: #393939;
}

.nav {
  position: fixed;
  width: 100vw;
  left: 0px;
  bottom: 0px;
}
</style>